<!DOCTYPE html>
<html>
    <head>
        <title>TODO supply a title</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css"/>
        <link rel="stylesheet" href="bootstrap/css/bootstrap-theme.min.css"/>
        <script src="JQuery_w/external/jquery/jquery.js"></script>
        <script src="bootstrap/js/bootstrap.min.js"></script>
        <script src="JQuery_w/external/jquery/jquery.js"></script>
        <script src="JQuery_w/jquery-ui.min.js"></script>
        <script src="scripts/scriptSiaTd.js"></script>
        <link rel="stylesheet" href="JQuery_w/jquery-ui.min.css"/>
        <link rel="stylesheet" href="JQuery_w/jquery-ui.structure.min.css"/>
        <link rel="stylesheet" href="JQuery_w/jquery-ui.theme.min.css"/>
        <script src="scripts/calendario.js"></script>
    </head>
    <body>
        <div class="nav navbar-inverse">
            <div class="container-fluid">
                <div class="navbar-header">
                    <a href="#" class="navbar-brand">
                        Home
                    </a>
                </div>
                <div class="navbar-collapse navbar-right">
                    <p class="navbar-text navbar-right">
                        <span class="navbar-link"><span class="glyphicon glyphicon-user"></span>
                            &nbsp; Waldir castañeda Ingaruca
                        </span> &nbsp;
                        <strong class="navbar-link"> 
                            <span class="glyphicon glyphicon-option-vertical"></span>
                            &nbsp;12345678 &nbsp;&nbsp;
                        </strong>
                    </p>    
                </div>

            </div>
        </div><br/>
        <%
        if(request.getssion().getatribute("result")==1)
        {%>
        <div class="container" style="width: 900px;">
            <div class="alert alert-info"><span class="glyphicon glyphicon-info-sign"></span>&nbsp;<strong> ¡Atencion!</strong> Informe De Estado De Mantenimiento</div>
        </div>
        <%}
        %>

        <div class="container" style="width: 900px;">
            <div class="alert alert-success"><span class="glyphicon glyphicon-ok-sign"></span>&nbsp;<strong> ¡Atencion!</strong> Informe De Estado De Mantenimiento</div>
        </div>
        <div class="container" style="width: 900px;">
            <div class="alert alert-danger"><span class="glyphicon glyphicon-warning-sign"></span>&nbsp;<strong> ¡Atencion!</strong> Informe De Estado De Mantenimiento</div>
        </div>
        <div class="container" style="width: 700px;">

            <form>
                <div class="panel panel-primary">
                    <div class="panel-heading">
                        <h3 class="panel-title"><span class="glyphicon glyphicon-pencil"></span> &nbsp;Formulario de registro</h3>
                    </div>
                    <div class="panel-body">
                        <div class="panel panel-group">
                            <div class="panel-heading">
                                <h1 class="panel-title"><strong>Datos De usuario</strong></h1>
                            </div>
                            <div class="panel-body">

                                <table class="table">
                                    <tbody>
                                        <tr>
                                            <td>Nombre : </td>
                                            <td><div class=""><input type="text" class="form-control tx_fecha" placeholder="Nombre ..."/></div></td>
                                        </tr>
                                        <tr>
                                            <td>Apellidos : </td>
                                            <td><div class=""><input type="password" class="form-control" placeholder="Contraseña ..."/></div></td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                        <button type="button" class="btn btn-info btn-lg btn-block"><span class="glyphicon glyphicon-ok"></span> &nbsp;Registrar</button>

                    </div>
                </div>
            </form>
        </div>
        <div class="nav navbar-default navbar-fixed-bottom">
            <div class="container">
                <div class="navbar-text">
                    &COPY; Todos Los Derechos Reservados <a href="#" class="navbar-link">PTR System &reg; </a>
                </div>
            </div>
        </div>
    </body>
</html>
